<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>${bid?.title}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/mobile/mobile.css'}"/>
    <link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/reset.css'}"/>
    <link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/mobile/jquery.mobile-1.4.3.css'}"/>
    <link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/mobile/product-detail.css'}" />

    <script type="text/javascript" src="@{'/public/javascripts/jquery-2.0.js'}"></script>
    <script type="text/javascript" src="@{'/public/javascripts/jquery.mobile-1.4.3.js'}"></script>
    <script type="text/javascript" src="@{'/public/javascripts/jquery.tmpl.min.js'}"></script>
    <script type="text/javascript" src="@{'/public/javascripts/kindeditor-4.1.7/examples/jquery-ui/js/jquery-ui-1.9.2.custom.js'}"></script>
    <script type="text/javascript" src="@{'/public/javascripts/verification.js'}"></script>

</head>
<body>
    <header>
        <div class="top clearfix">
            <div class="interest-rate float-left">
                <h6>年化收益</h6>
                <div>
                    <em class="number">9.60</em>%
                </div>
            </div>
            <div class="bid-money float-right">
                <h6>投资总额</h6>
                <div>2,300,000元</div>
            </div>
        </div>
        <div class="middle clearfix">
            <div class="float-left">
                投资期限:<span>1个月</span>
            </div>
            <div class="float-right">
                起购金额:<span>1000元</span>
            </div>
        </div>
        <hr class="cutline" size="0"/>
        <div class="bottom clearfix">
            <div class="float-left">
                距离开售
                <span class="countdown-for-start-time"><i></i>12时26分50秒</span>
            </div>
            <div class="float-right">
                可投金额：<span class="money">100万元</span>
            </div>
        </div>
    </header>

    <main>
        <div class="tab-container clearfix">
            <ul class="tab">
                <li class="selected">项目详情</li>
                <li>资金安全</li>
                <li>投标记录</li>
                <li>收益方式</li>
            </ul>
            <div id="projectDetail">
                <div style="background:#EDEDED" data-theme="a"><strong >&nbsp;项目相关信息</strong></div>
                <div data-role="content" >
                    #{if jsonMap?.project_introduction!=null }
                    #{if jsonMap?.project_introduction.length()>100 }
                    <div  id="smallContent" style="display:block">
                        <p>${jsonMap?.project_introduction_short}</p>
                        <p align="right"><a style="text-decoration:none" href="javascript:" onclick="document.getElementById('fullContent').style.display=(document.getElementById('fullContent').style.display=='none')?'':'none';document.getElementById('smallContent').style.display=(document.getElementById('smallContent').style.display=='none')?'':'none'" > 更多 </a></p>
                    </div>
                    <div  id="fullContent" style="display:none;">
                        <p>${jsonMap?.project_introduction}</p>
                        <p align="right"><a style="text-decoration:none" href="javascript:" onclick="document.getElementById('fullContent').style.display=(document.getElementById('fullContent').style.display=='none')?'':'none';document.getElementById('smallContent').style.display=(document.getElementById('smallContent').style.display=='none')?'':'none'" > 收起 </a></p>
                    </div>
                    #{/if}
                    #{else }
                    <div  id="fullContent">
                        <p>${jsonMap?.project_introduction}</p>
                    </div>
                    #{/else}

                    #{/if}
                </div>
                #{if jsonMap?.bidType == 0}
                <div style="background:#EDEDED" ><strong >&nbsp;借款人信息</strong></div>
                <div data-role="content">

                    <div class="ui-grid-a">
                        <div class="ui-block-a" ><span><strong>姓名:</strong> ${jsonMap?.realityName}</span></div>
                        <div class="ui-block-b" ><span><strong>性别：</strong> ${jsonMap?.sex}</span></div>
                        <br><br>
                        <div class="ui-block-a" ><span><strong>身份证号:</strong> ${jsonMap?.idNumber}</span></div>
                        <div class="ui-block-b" ><span><strong>户口所在地</strong>：${jsonMap?.cityName}</span></div>
                        <br><br>
                        <div class="ui-block-a" ><span><strong>婚姻状态:</strong> ${jsonMap?.maritalName}</span></div>
                        <div class="ui-block-b" ><span><strong>文化程度：</strong> ${jsonMap?.educationName}</span></div>
                        <br><br>
                        <div class="ui-block-a" ><span><strong>购房情况:</strong> ${jsonMap?.houseName}</span></div>
                        <div class="ui-block-b" ><span><strong>购车情况：</strong> ${jsonMap?.carName}</span></div>
                        <br>
                    </div>
                    <div >
                        <p>借款人<strong>${jsonMap?.realityName}</strong> 个人信息<br>
                            &nbsp;&nbsp; ${jsonMap?.personInfo}
                        </p>
                    </div>
                </div>
                #{/if}
                #{if jsonMap?.bidType == 1}
                <div style="background:#EDEDED" ><strong >&nbsp;机构借款信息</strong></div>
                <div data-role="content">
                    <p>${jsonMap?.company_info}</p>
                </div>
                #{/if}
                <input type="hidden" value="${jsonMap?.borrowId}" id="bid_Id">
            </div>
            <div id="fundSecurity">
            </div>
            <div id="bidRecords"></div>
            <div id="returnMode"></div>
        </div>
    </main>
</body>
</html>